
.uni-bg-red{
	background-color: #F56C6C;
}
.uni-bg-green{
	background-color: #67C23A;
}
.uni-bg-blue{
	background-color: #409EFF;
}
.uni-title {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0;
    line-height: 1.5;
}
.uni-input{
	width: auto;
}
body {
    background-color: #fbf9fe;
}
.an-row{
	display: block;
	margin-right: -15px;
    margin-left: -15px;
}
.an-row:before, .an-row:after{
    display: table;
    content: " ";
}
.an-row:after {
    clear: both;
}
.an-cmd-6{
	float: left;
	position: relative;
	box-sizing: border-box;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width: 50%;
}
.an-page-bottom-bg{
	background: #FFFFFF url(../static/img/logo_bg.png) no-repeat;
	background-size: 100% auto;
	background-position: bottom;
}

/* 首页渐变色块 */
.box-color1{
	background: linear-gradient(to bottom right, #f9ac8e, #ec5e5c);
}
.box-color2{
	background: linear-gradient(to bottom right, #8616f4, #191085);
}
.box-color3{
	background: linear-gradient(to bottom right, #f7da7c, #f68235);
}
.box-color4{
	background: linear-gradient(to bottom right, #78f5b1, #34ce78);
}

	
.an-head-nav{
	color: #FFFFFF;
}
	
/* =============== 自定义按钮 ==================== */
button.an-btn-yuan{
	border-radius:25px;
}
.an-gradients{
	background: linear-gradient(#7d0ddd, #220f8d); /* 标准的语法 */
}
.an-Gradients{
	background: linear-gradient(#7d0ddd, #220f8d); /* 标准的语法 */
}
.an-btn{
	color: #fff !important;
	background: linear-gradient(#bb51fb, #883ffe) !important;
}


/* =============== 自定义导航 ==================== */
.status_bar {
     height: var(--status-bar-height);
     width: 100%;
 }
.an-body{
	width: 100%;
	/* background-color: #fbf9fe; */
}
.an-body .content{
	background: transparent;
}
.an-top-nav{
	padding: 0 15px;
	font-size: 18px;
	background: transparent;
}
.an-top-nav .an-nav-bg{
	width: 100%;
	height: 47px;
	line-height: 47px;
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.an-top-nav .an-nav-bg .iconfont{
	font-size: 20px;
}
.an-top-nav .an-nav-bg uni-button{
	vertical-align: middle;
}

.an-sysarticle .uni-input-form .uni-input-input{
	height: 30px;
	line-height: 30px;
}

.uni-navbar .uni-navbar__header-btns .iconfont{
	font-size: 24px;
}


.an-page{
	width: 100%;
	overflow-x: hidden;
}
.an-page img{
	max-width: 100%;
}

.an-none-text{
	color: #808080;
	height: 100%;
	display: flex;
	justify-content: center;
	vertical-align: middle;
}

/* 删除图标 */
.an-delete-ico{
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
	background-color: red;
	border-radius: 50%;
}
.an-delete-ico .iconfont{
	font-size: 14px;
}

.an-textarea{
	min-height: 200px;
}

.an-bady-pad{
	width: 100%;
	padding: 0 15px;
}

/*  文章详情banner */
.an-banner {
		height: 360upx;
		overflow: hidden;
		position: relative;
		background-color: #ccc;
}
.an-banner .banner-img {
	width: 100%;
}
.an-banner .banner-title {
	max-height: 84upx;
	overflow: hidden;
	position: absolute;
	left: 30upx;
	bottom: 30upx;
	width: 90%;
	font-size: 32upx;
	font-weight: 400;
	line-height: 42upx;
	color: white;
}

/* 用户管理 */
.an-top-bg{
	position: absolute;
	top:0;
	right: 0;
	left: 0;
	color: #ffffff;
	height: 100px;
	padding: 50px 30px 30px 30px;
	//background-color: #bb51fb; //bb51fb  883ffe
	background:linear-gradient(to bottom right, #bb51fb, #883ffe);
	z-index: 1;
}
.an-top-bg .an-userInfo{
	display: flex;
}
.an-top-bg .an-userInfo .an-user-image{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
	background-color: #fbf9fe;
}
.an-radius-body{
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
	z-index: 2;
	width: auto;
	padding:0;
	background-color: #fbf9fe;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	overflow: hidden;
}
.an-user-list{
	width: 100%;
}

/* 文章详情 */
.article-content img{
	display:block;
}



/* 打卡管理 */
.an-sign .uni-list-item__icon-img{
	width: 50px !important;
	height: 50px !important;
	border-radius: 8px;
	overflow: hidden;
}

/*样式的width和height一定要与定义的cWidth和cHeight相对应*/
.an-sign-data .qiun-charts {
		width: 690rpx;
		height: 600rpx;
		background-color: #FFFFFF;
	}
.an-sign-data .charts {
		width: 690rpx;
		height: 600rpx;
		background-color: #FFFFFF;
	}


/* 带箭头列表 */
.an-list .uni-list-cell-divider{
	background-color: #fbf9fe;
}
.an-list .uni-list:before,.an-list .uni-list-cell-divider:before{
	height: 0;
}
.an-list .uni-list-cell-navigate{
	justify-content: flex-start;
}
.an-none-arrow.uni-list-cell-navigate.uni-navigate-right:after{
	content:'';
}
.an-list .an-none-arrow .an-right{
	position: absolute;
	right:20px;
}


.article-content p{
	margin-bottom: 15px;
}